
<!-- 底部导航栏 -->
<template>
  <van-tabbar route fixed placeholder border>
  <van-tabbar-item replace :to="{name: 'home'}" icon="home-o">
    首页
  </van-tabbar-item>

  <van-tabbar-item replace :to="{name: 'category'}" icon="apps-o">
    分类
  </van-tabbar-item>

  <van-tabbar-item replace :to="{name: 'message'}" icon="chat-o" badge="4">
    消息
  </van-tabbar-item>

  <van-tabbar-item replace :to="{name: 'cart'}" icon="shopping-cart-o" :badge="cartCount()">
    购物车
  </van-tabbar-item>

  <van-tabbar-item replace :to="{name: 'user'}" icon="user-o">
    我的
  </van-tabbar-item>
  </van-tabbar>

</template>
<script setup>
import useCart from '../stores/cart'

const { cartCount } = useCart()
</script>

 <style scoped>
  .van-tabbar-item{
    --van-tabbar-item-active-color: #FF8000;
   }
  </style>